<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>Home page</title>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <!--<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&subset=latin,vietnamese' rel='stylesheet' type='text/css'>-->

    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>

    <link href="css/jquery.bxslider.css" rel="stylesheet" type="text/css" media="all"/>

    <link href="css/layout.css" rel="stylesheet" type="text/css" media="all"/>


    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>

    <script src="js/jquery.bxslider.min.js" type="text/javascript"></script>

    <script src="js/slick.min.js" type="text/javascript"></script>

    <script src="fancybox/jquery.fancybox.js" type="text/javascript"></script>
    <link href="fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <script src="js/myscript.js" type="text/javascript"></script>
</head>
<body>
    <header class="header">
        <section class="container">
            <h1 class="logo"><a href="./"><img src="images/logo.png"></a></h1>
            <div id="btn-mobile" class="btn-mobile"></div>
            <section id="main-mobile" class="main hide-menu clearfix">
                <!--<ul class="top-menu">-->
                    <!--<li><a href="#">Giới Thiệu</a></li>-->
                    <!--<li><a href="#">Tin Tức</a></li>-->
                    <!--<li><a href="#">Hỗ Trợ</a></li>-->
                <!--</ul>-->
                <ul class="main-menu sf-menu clearfix">
                    <li class="current"><a href="home.html">Trang Chủ</a></li>
                    <li><a href="#">Bảo Hành</a>
                        <ul>
                            <li><a href="#">Kiểm Tra Bảo Hành</a></li>
                            <li><a href="#">Hướng Dẫn Khách Hàng</a></li>
                            <li><a href="#">Quy Định Bảo Hành</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="sanpham.html">Sản Phẩm</a>
                        <ul>
                            <li><a href="#">Điện Tử</a>
                                <ul>
                                    <li><a href="">Máy Xay Sinh Tố</a></li>
                                    <li><a href="">Máy Xay Sinh Tố</a></li>
                                    <li><a href="">Máy Xay Sinh Tố</a></li>
                                    <li><a href="">Máy Xay Sinh Tố</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Điện Lạnh</a></li>
                            <li><a href="#">Gia Dụng</a></li>
                            <li><a href="#">Máy Tính</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Linh Kiện</a></li>
                    <li><a href="#">Tin Tức</a></li>
                    <li><a href="#">Liên Hệ</a></li>
                </ul>
                
                <ul class="social clearfix">
                    <li><a target="_blank" href="#" title="facebook"><img src="images/facebook.png" alt=""></a></li>
                    <li><a target="_blank" href="#" title="google+"><img src="images/google.png" alt=""></a></li>
                    <li><a target="_blank" href="#" title="twitter"><img src="images/twitter.png" alt=""></a></li>
                    <li><a target="_blank" href="#" title="linkedin"><img src="images/linkedin.png" alt=""></a></li>
                    <li><a target="_blank" href="#" title="youtube"><img src="images/youtube.png" alt=""></a></li>
                </ul>

                <form class="quick-search">
                    <div class="field clearfix">
                        <input class="form-control" type="text" value="" placeholder="Search">
                        <button type="submit" class="submit"></button>
                    </div>
                </form>

            </section>
        </section>



    </header>

    <section class="page">

        <div class="container">

            <div class="row row-block">
                <div class="silder-left col-lg-8 col-md-8">
                    <div class="pbox">
                        <ul class="bxslider">
                            <li>
                                <img src="images/intel.web.864.486.jpg" />
                                <div class="bxs-content">

                                </div>
                            </li>
                            <li><img src="images/intel.web.864.4862.jpg" /></li>
                            <li><img src="images/intel.web.864.4862.jpg" /></li>
                        </ul>
                    </div>

                </div>

                <div class="silder-right col-lg-4 col-md-4">
                    <div class="pbox topnews">
                        <img class="img-responsive" src="images/intel.web.368.207.png" alt="">
                        <div class="topnew-main">
                            <h2 class="title">Lorem ipsum dolor sit amet</h2>
                            <p>Nhận những ưu đãi hấp dẫn khi mua máy tính vào mỗi thứ Sáu và các khuyến mãi khác từ Intel</p>
                            <a href="#">Xem Thêm</a>
                        </div>
                    </div>
                    <div class="pbox topnews">
                        <div class="embed-responsive embed-responsive-16by9">
                            <iframe class="embed-responsive-item" src="//www.youtube.com/embed/l2v07klOmtk" frameborder="0" allowfullscreen></iframe>
                        </div>
                    </div>
                </div>
            </div>



        </div>

        <div class="container">
            <h2 class="b-title">Đối Tác</h2>

            <div class="pbox1">
                <div id="partner-slider" class="partner-slider">
                    <div class=""><a target="_blank" href=""><img height="100" src="images/samsung.png" alt=""></a></div>
                    <div><a target="_blank" href=""><img height="100" src="images/gigabyte.jpg" alt=""></a></div>
                    <div><a target="_blank" href=""><img height="100" src="images/intel.jpg" alt=""></a></div>
                    <div><a target="_blank" href=""><img height="100" src="images/sapphire.jpg" alt=""></a></div>
                </div>
            </div>

        </div>
        <div class="f3-main">
            <div class="container">

                <div class="row1 white-main clearfix">

                    <h2 class="w-title">Sản Phẩm Mới</h2>

                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="product.html" title="">
                                    <img class="img-responsive" src="images/sp-1.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="product.html" title="">
                                    <img class="img-responsive" src="images/sp-2.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>Call</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="product.html" title="">
                                    <img class="img-responsive" src="images/sp-3.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="product.html" title="">
                                    <img class="img-responsive" src="images/sp-1.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="product.html" title="">
                                    <img class="img-responsive" src="images/sp-2.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="" title="">
                                    <img class="img-responsive" src="images/sp-3.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="" title="">
                                    <img class="img-responsive" src="images/sp-1.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3">
                        <div class="product-list">
                            <div class="img-thumb">
                                <a href="product.html" title="">
                                    <img class="img-responsive" src="images/sp-2.png" alt="">
                                </a>
                            </div>

                            <div class="ptitle">
                                <a href="product.html" title="">Lorem ipsum dolor sit amet</a>
                                <p>200.000.000 đ</p>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>

    </section>

    <footer>
        <div class="container clearfix">
            <p class="copyright">Bản quyền thuộc về công ty PmtElectric.</p>
            <p class="designby">Thiết kế bởi <a target="_blank" href="http://epal.vn">Epal Solution</a></p>
        </div>
    </footer>

</body>
</html>